﻿<!DOCTYPE html>
<html>
  <head>
    <title>书单（首页）</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/书单（首页）/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/书单（首页）/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Iphone6s plus) -->

      <!-- Unnamed (图片) -->
      <div id="u318" class="ax_default _图片1">
        <img id="u318_img" class="img " src="images/书单（首页）/u318.png"/>
      </div>

      <!-- background (矩形) -->
      <div id="u319" class="ax_default box_1" data-label="background">
        <img id="u319_img" class="img " src="images/书单（首页）/background_u319.png"/>
      </div>

      <!-- 分类列表 (组 合) -->
      <div id="u320" class="ax_default" data-label="分类列表" data-left="370" data-top="240" data-width="961" data-height="572">

        <!-- Unnamed (矩形) -->
        <div id="u321" class="ax_default box_1">
          <img id="u321_img" class="img " src="images/书单（首页）/u321.png"/>
          <div id="u321_text" class="text ">
            <p><span>&nbsp;&nbsp;&nbsp; 最近记录的图书</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u322" class="ax_default box_1">
          <img id="u322_img" class="img " src="images/书单（首页）/u322.png"/>
          <div id="u322_text" class="text ">
            <p><span>主要内容栏</span></p><p><span>一.我的评论足迹</span></p><p><span>&nbsp;&nbsp;&nbsp; - 放置用户在所阅读的书的页码上留下的所有评论,</span></p><p><span>&nbsp;&nbsp; &nbsp;&nbsp; 展示图书的封面。书名 ，阅读到的书页</span></p><p><span>&nbsp;&nbsp;&nbsp; -&nbsp; 九宫格的位置，每张图片大小为90*120</span></p><p><span>&nbsp;&nbsp;&nbsp; - 按照时间倒叙</span></p><p><span>&nbsp;&nbsp;&nbsp; - 书籍图片上提示用户开始阅读/继续阅读 </span></p><p><span><br></span></p><p><span>图标为 编辑图标，选中后，再点击书，即可重新修该信息</span></p><p><span><br></span></p><p><span>下方为&nbsp; 快速添加图书 的按钮</span></p><p><span>&nbsp;&nbsp; &nbsp; - 为悬浮相应按钮 </span></p><p><span>&nbsp;&nbsp;&nbsp; -&nbsp; y轴下为1 ，模糊范围为5</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u323" class="ax_default arrow">
          <img id="u323_img" class="img " src="images/书单（首页）/u323.png"/>
        </div>

        <!-- 最近阅读 (组 合) -->
        <div id="u324" class="ax_default" data-label="最近阅读" data-left="386" data-top="310" data-width="390" data-height="327">

          <!-- Unnamed (图片) -->
          <div id="u325" class="ax_default _图片">
            <img id="u325_img" class="img " src="images/书单（首页）/u325.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u326" class="ax_default label">
            <img id="u326_img" class="img " src="images/书单（首页）/u326.png"/>
            <div id="u326_text" class="text ">
              <p><span style="color:#000000;">《听听那冷雨》</span></p><p><span>&nbsp;还未开始</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u327" class="ax_default _图片">
            <img id="u327_img" class="img " src="images/书单（首页）/u325.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u328" class="ax_default label">
            <img id="u328_img" class="img " src="images/书单（首页）/u326.png"/>
            <div id="u328_text" class="text ">
              <p><span style="color:#000000;">《听听那冷雨》</span></p><p><span>&nbsp;读到78页</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u329" class="ax_default _图片">
            <img id="u329_img" class="img " src="images/书单（首页）/u325.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u330" class="ax_default label">
            <img id="u330_img" class="img " src="images/书单（首页）/u326.png"/>
            <div id="u330_text" class="text ">
              <p><span style="color:#000000;">《听听那冷雨》</span></p><p><span>&nbsp;读到78页</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u331" class="ax_default _图片">
            <img id="u331_img" class="img " src="images/书单（首页）/u331.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u332" class="ax_default label">
            <img id="u332_img" class="img " src="images/书单（首页）/u326.png"/>
            <div id="u332_text" class="text ">
              <p><span style="color:#000000;">《听听那冷雨》</span></p><p><span>&nbsp;读到78页</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u333" class="ax_default _图片">
            <img id="u333_img" class="img " src="images/书单（首页）/u325.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u334" class="ax_default label">
            <img id="u334_img" class="img " src="images/书单（首页）/u326.png"/>
            <div id="u334_text" class="text ">
              <p><span style="color:#000000;">《听听那冷雨》</span></p><p><span>&nbsp;读到78页</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u335" class="ax_default _图片">
            <img id="u335_img" class="img " src="images/书单（首页）/u325.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u336" class="ax_default label">
            <img id="u336_img" class="img " src="images/书单（首页）/u326.png"/>
            <div id="u336_text" class="text ">
              <p><span style="color:#000000;">《听听那冷雨》</span></p><p><span>&nbsp;读到78页</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u337" class="ax_default box_1">
          <img id="u337_img" class="img " src="images/书单（首页）/u337.png"/>
          <div id="u337_text" class="text ">
            <p><span>快速添加图书</span></p>
          </div>
        </div>
      </div>

      <!-- 菜单栏 (组 合) -->
      <div id="u338" class="ax_default" data-label="菜单栏" data-left="20" data-top="106" data-width="771" data-height="266">

        <!-- Unnamed (矩形) -->
        <div id="u339" class="ax_default box_1">
          <img id="u339_img" class="img " src="images/书单（首页）/u339.png"/>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u340" class="ax_default _图片">
          <img id="u340_img" class="img " src="images/书单（首页）/u340.svg"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u341" class="ax_default box_1">
          <img id="u341_img" class="img " src="images/书单（首页）/u341.png"/>
          <div id="u341_text" class="text ">
            <p style="font-size:13px;"><span>顶部栏</span></p><p style="font-size:13px;"><span><br></span></p><p style="font-size:13px;"><span>提供 搜索入口</span></p><p style="font-size:13px;"><span><br></span></p><p style="font-size:13px;"><span>给用户提供书籍 信息的搜索入口</span></p><p style="font-size:13px;"><span><br></span></p><p style="font-size:12px;"><span style="color:#000000;">提示文本为：”输入图书名称/作者/出版社/ISBN'</span></p><p style="font-size:12px;"><span style="color:#000000;"><br></span></p><p style="font-size:12px;"><span style="color:#000000;">让用户填写相关的信息</span></p><p style="font-size:12px;"><span style="color:#000000;"><br></span></p><p style="font-size:12px;"><span style="color:#000000;">下面为菜单栏：“书架” “信息”&nbsp; “个人”</span></p><p style="font-size:12px;"><span style="color:#000000;"><br></span></p><p style="font-size:12px;"><span style="color:#000000;">选中页面呈现粗体，通过左右滑动切换</span></p><p style="font-size:12px;"><span style="color:#000000;"><br></span></p><p style="font-size:12px;"><span style="color:#000000;">默认选中“”书架页</span></p><p style="font-size:13px;"><span><br></span></p><p style="font-size:13px;"><span><br></span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u342" class="ax_default arrow">
          <img id="u342_img" class="img " src="images/书单（首页）/u342.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u343" class="ax_default label">
          <img id="u343_img" class="img " src="images/书单（首页）/u343.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u344" class="ax_default box_1">
          <img id="u344_img" class="img " src="images/书单（首页）/u344.png"/>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u345" class="ax_default text_field">
          <input id="u345_input" type="text" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u346" class="ax_default box_1">
          <img id="u346_img" class="img " src="images/书单（首页）/u346.png"/>
          <div id="u346_text" class="text ">
            <p><span>书架</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u347" class="ax_default box_1">
          <img id="u347_img" class="img " src="images/书单（首页）/u346.png"/>
          <div id="u347_text" class="text ">
            <p><span>消息</span></p>
          </div>
        </div>
      </div>

      <!-- 底部状态栏 (组 合) -->
      <div id="u348" class="ax_default" data-label="底部状态栏" data-left="370" data-top="807" data-width="821" data-height="201">

        <!-- Unnamed (矩形) -->
        <div id="u349" class="ax_default box_1">
          <img id="u349_img" class="img " src="images/书单（首页）/u349.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u350" class="ax_default line">
          <img id="u350_img" class="img " src="images/书单（首页）/u350.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u351" class="ax_default _图片">
          <img id="u351_img" class="img " src="images/书单（首页）/u351.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u352" class="ax_default box_1">
          <img id="u352_img" class="img " src="images/书单（首页）/u352.png"/>
          <div id="u352_text" class="text ">
            <p><span>高度：55</span></p><p><span><br></span></p><p><span>底部书籍信息栏</span></p><p><span>显示</span></p><p><span>最近观看的一本书书的封面，书的名称</span></p><p><span>标出正在看这一本书的人数，字数加粗强调</span></p><p><span><br></span></p><p><span>右侧按钮显示悬浮的页码数字</span></p><p><span><br></span></p><p><span>上面出现进度条，表示当前页码在总页码的多少位置</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u353" class="ax_default arrow">
          <img id="u353_img" class="img " src="images/书单（首页）/u323.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u354" class="ax_default label">
          <img id="u354_img" class="img " src="images/书单（首页）/u354.png"/>
          <div id="u354_text" class="text ">
            <p style="font-size:20px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;color:#FFFFFF;">《射雕英雄传》</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:16px;color:#FFFFFF;">&nbsp; </span><span style="font-family:'微软雅黑';font-weight:400;color:#E4E4E4;">当前</span><span style="font-family:'微软雅黑';font-weight:400;color:#FFFFFF;"> </span><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;color:#FFFFFF;">78</span><span style="font-family:'微软雅黑';font-weight:400;color:#FFFFFF;"> </span><span style="font-family:'微软雅黑';font-weight:400;color:#E4E4E4;">人正在阅读</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u355" class="ax_default box_1">
          <img id="u355_img" class="img " src="images/书单（首页）/u355.png"/>
          <div id="u355_text" class="text ">
            <p><span>1102页</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u356" class="ax_default ellipse">
          <img id="u356_img" class="img " src="images/书单（首页）/u356.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u357" class="ax_default box_1">
        <img id="u357_img" class="img " src="images/书单（首页）/u357.png"/>
        <div id="u357_text" class="text ">
          <p><span>开始</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u358" class="ax_default box_1">
        <img id="u358_img" class="img " src="images/书单（首页）/u357.png"/>
        <div id="u358_text" class="text ">
          <p><span>继续</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u359" class="ax_default box_1">
        <img id="u359_img" class="img " src="images/书单（首页）/u357.png"/>
        <div id="u359_text" class="text ">
          <p><span>继续</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u360" class="ax_default box_1">
        <img id="u360_img" class="img " src="images/书单（首页）/u357.png"/>
        <div id="u360_text" class="text ">
          <p><span>继续</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u361" class="ax_default box_1">
        <img id="u361_img" class="img " src="images/书单（首页）/u357.png"/>
        <div id="u361_text" class="text ">
          <p><span>继续</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u362" class="ax_default box_1">
        <img id="u362_img" class="img " src="images/书单（首页）/u357.png"/>
        <div id="u362_text" class="text ">
          <p><span>继续</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u363" class="ax_default _文本段落1">
        <img id="u363_img" class="img " src="images/书单（首页）/u363.png"/>
        <div id="u363_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u364" class="ax_default image">
        <img id="u364_img" class="img " src="images/操作规范/u70.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u365" class="ax_default arrow">
        <img id="u365_img" class="img " src="images/书单（首页）/u365.png"/>
      </div>

      <!-- Unnamed (Iphone6s plus) -->

      <!-- Unnamed (图片) -->
      <div id="u367" class="ax_default _图片1">
        <img id="u367_img" class="img " src="images/书单（首页）/u318.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u368" class="ax_default _图片">
        <img id="u368_img" class="img " src="images/书单（首页）/u368.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u369" class="ax_default box_3">
        <img id="u369_img" class="img " src="images/书单（首页）/u369.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u370" class="ax_default box_1">
        <img id="u370_img" class="img " src="images/书单（首页）/u370.png"/>
        <div id="u370_text" class="text ">
          <p><span>快速添加图书</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u371" class="ax_default box_1">
        <img id="u371_img" class="img " src="images/书单（首页）/u371.png"/>
        <div id="u371_text" class="text ">
          <p><span>拍照识别</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u372" class="ax_default box_1">
        <img id="u372_img" class="img " src="images/书单（首页）/u372.png"/>
        <div id="u372_text" class="text ">
          <p><span>手动输入</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u373" class="ax_default label">
        <img id="u373_img" class="img " src="images/书单（首页）/u373.png"/>
        <div id="u373_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u374" class="ax_default label">
        <img id="u374_img" class="img " src="images/书单（首页）/u374.png"/>
        <div id="u374_text" class="text ">
          <p><span>快速添加图书活动视图</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u375" class="ax_default sticky_1">
        <img id="u375_img" class="img " src="images/书单（首页）/u375.png"/>
        <div id="u375_text" class="text ">
          <p><span>“选择入口”活动视图</span></p><p><span>弹出效果，覆盖底部，</span></p><p><span><br></span></p><p><span>背景色设置不透明度40%的纯黑</span></p><p><span><br></span></p><p><span>圆角为15，标题深绿色</span></p><p><span><br></span></p><p><span>下面两个方式：“拍照识别”和“手动输入”选择后跳转进入“快速添加图书页面”</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u376" class="ax_default arrow">
        <img id="u376_img" class="img " src="images/书单（首页）/u376.png"/>
      </div>
    </div>
  </body>
</html>
